<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>three-dimansion-slider</title>

</head>
<body style="margin:0;padding:0;">

<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/ThreeDimansionSlider.min.js"></script>
<script src="js/ThreeDimansionSliderResponsive.min.js"></script>
<script src="js/ThreeDimansionSliderEntry.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/ThreeDimansionSlider.min.css"/>

<div class="three-dimansion-slider">
	<ul class="three-dimansion-slides">
		<li class="three-dimansion-slider-list">
			<a href="#1" target="_blank">
				<div class="three-dimansion-slider-item" style="background: url('images/1.jpg');">
					<div class="three-dimansion-item-content">
						<h3 class="white-ground title">
							文本1111<br>文本1111
						</h3>
						<p class="line2 white-ground">
							文本文本文本文本文本<br>
							文本文本文本文本
						</p>
						<div class="info-link black-button">
							<span class="knowMore">了解更多</span>
						</div>
					</div>
				</div>
			</a>
		</li>
		<li class="three-dimansion-slider-list">
			<a href="#2" target="_blank">
				<div class="three-dimansion-slider-item" style="background: url('images/2.jpg');">
					<div class="three-dimansion-item-content">
						<h3 class="white-ground title">
							文本2222<br>文本2222
						</h3>
						<p class="line2 white-ground">
							文本文本文本文本文本<br>
							文本文本文本文本
						</p>
						<div class="info-link black-button">
							<span class="knowMore">了解更多</span>
						</div>
					</div>
				</div>
			</a>
		</li>
		<li class="three-dimansion-slider-list">
			<a href="#3" target="_blank">
				<div class="three-dimansion-slider-item" style="background: url('images/3.jpg');">
					<div class="three-dimansion-item-content">
						<h3 class="white-ground title">
							文本3333<br>文本3333
						</h3>
						<p class="line2 white-ground">
							文本文本文本文本文本<br>
							文本文本文本文本
						</p>
						<div class="info-link black-button">
							<span class="knowMore">了解更多</span>
						</div>
					</div>
				</div>
			</a>
		</li>
		<li class="three-dimansion-slider-list">
			<a href="#4" target="_blank">
				<div class="three-dimansion-slider-item" style="background: url('images/4.jpg');">
					<div class="three-dimansion-item-content">
						<h3 class="white-ground title">
							文本4444<br>文本4444
						</h3>
						<p class="line2 white-ground">
							文本文本文本文本文本<br>
							文本文本文本文本
						</p>
						<div class="info-link black-button">
							<span class="knowMore">了解更多</span>
						</div>
					</div>
				</div>
			</a>
		</li>
		<li class="three-dimansion-slider-list">
			<a href="#5" target="_blank">
				<div class="three-dimansion-slider-item" style="background: url('images/5.jpg');">
					<div class="three-dimansion-item-content">
						<h3 class="white-ground title">
							文本5555<br>文本5555
						</h3>
						<p class="line2 white-ground">
							文本文本文本文本文本<br>
							文本文本文本文本
						</p>
						<div class="info-link black-button">
							<span class="knowMore">了解更多</span>
						</div>
					</div>
				</div>
			</a>
		</li>
	</ul>
	<nav>
		<button class="nav prev">Prev</button>
		<button class="nav next">Next</button>
	</nav>
	<!-- <i class="three-dimansion-slider-btn three-dimansion-slider-prev">aaaaaaa</i>
	<i class="three-dimansion-slider-btn three-dimansion-slider-next">bbbbbbb</i> -->
	
	<div class="three-dimansion-slider-ctrl">
		<span class="three-dimansion-slider-dot active"></span>
		<span class="three-dimansion-slider-dot"></span>
		<span class="three-dimansion-slider-dot"></span>
		<span class="three-dimansion-slider-dot"></span>
		<span class="three-dimansion-slider-dot"></span>
	</div>
</div>

</body>
</html>
